@charset "UTF-8";
/*======*/


body{background: #ffffff;}
input,button,select,textarea{outline:none} 
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
} 

@media all{
html, body {font-size: 16px;}
}

@media (min-height: 220px) and (min-width: 140px){
html, body {font-size: 9px;}
}
@media (min-height: 140px) and (min-width: 220px){
html {font-size: 9px;}
}

@media (min-height: 280px) and (min-width: 210px), (min-height: 210px) and (min-width: 280px), (min-height: 280px) and (min-width: 280px){
html, body {font-size: 14px;}
}
@media (min-height: 460px) and (min-width: 300px), (min-height: 300px) and (min-width: 460px){
html, body {font-size: 16px;}
}

@media (min-height: 620px) and (min-width: 340px), (min-height: 340px) and (min-width: 620px){
html, body {font-size: 20px;}
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1463907790_895725.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1463907790_895725.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1463907790_895725.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fanhui:before { content: "\e601"; }
.icon-yanzhengma:before { content: "\e602"; }
.icon-shouji:before { content: "\e603"; }
.icon-yaochi:before { content: "\e600"; }
.icon-biezhen:before { content: "\e604"; }

header .h-cont{  height: 5rem; line-height: 5rem; position: fixed; width: 100%; z-index: 99; background: #f19601;}
header .h-l{ color: #ffffff; }
header .h-r{ text-align: center; color: #ffffff; font-size:2rem;  height: 5rem; line-height: 5rem;width: 100%; color: #ffffff; }
/*头部占位*/
.h-ocupie{height: 5rem; width: 100%; overflow: hidden;}
.icon-person{ font-size:3rem; position: fixed; top: 0px; left: 1rem;}


/*底部分类*/
.my_ocupie{ height:7.3rem; width:100%; overflow:hidden;}
.home-nav-down {width: 100%; text-align: center; background: #ffffff; position:fixed; bottom:0px; left:0; z-index:9999; height:4em;  border-top:1px solid #d2d2d2;}
.home-nav-down td { border-left: 1px solid #FFFFFF; width: 24.99999%; }
.home-nav-down td.last{border-width: 0px;}
.home-nav-down td a { display: block; color: #666666; font-size:1em; padding:0.6em 0; text-decoration:none;}
.home-nav-down td .iconfont { padding-bottom:0.05em; font-size:1.8em; height: 1em; line-height: 1em; width: 100%; display: block;}
.home-nav-down td a.current { display: block; color: #f19601;  padding:0.5em 0;}



/*内容*/
.my_highsty{ width:100%;  overflow:hidden; background: #f5f5f5;}

.my_highsty .out{ width:100%; height: 6rem; padding:0 2%; }
.my_highsty .out .time{ width: 60%; height: 6rem; line-height: 6rem; float: left; overflow: hidden;}
.my_highsty .out .time i{  font-size: 2rem; color: #ffc74b; font-size: 3rem; }
.my_highsty .out .time .s1{  font-size: 2rem; color: #333333; font-size: 1.5rem; }
.my_highsty .out .time .s2{  font-size: 2rem; color: #ffc74b; font-size: 1.5rem; }
.my_highsty .out .sold{ line-height: 6.5rem;width: 40%; height: 6rem; line-height: 6rem;  float: left; text-align: right; }
.my_highsty .out .sold .s1{  font-size: 2rem; color: #333333; font-size: 1.5rem; }
.my_highsty .out .sold .s2{  font-size: 2rem; color: #ffc74b; font-size: 1.5rem; }



.my_highsty .out2{ width:100%; height: 6rem; line-height: 6rem; padding:0 2%; background: #f19601;  font-size: 2rem; color: #fff; font-size: 2rem;font-family: "微软雅黑";  text-align: center;}
.my_highsty .out3{ width:100%; background: #f4ab34; overflow: hidden; }
.my_highsty .out3 .cont {width: 20%; height:7rem; float: left; position: relative; margin-top: 0.5rem;}
.my_highsty .out3 .cont .myDate{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0px; z-index: 9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0.0; }
.my_highsty .out3 .cont label{ width: 100%; height: 100%; display: block; }
.my_highsty .out3 .cont span{ width: 100%; height: 2rem; line-height: 2rem; font-size: 1.5rem; text-align: center; display: block; color: #fff;}

.my_highsty .out3 .icon{ width: 2.5rem; height: 2.5rem; display: block; margin:  0 auto;}
.my_highsty .out3 .disabled{  background: url(../images/ico1.gif) 0 0 no-repeat; background-size:100% 100%;  }
.my_highsty .out3 .checked{  background: url(../images/ico2.gif) 0 0 no-repeat; background-size:100% 100%; }
/*.my_sort .out3 .ico{ background: url(../images/ico.gif) 0 0 no-repeat; background-size:100% 100%; }*/
.my_highsty .out3 i{ background: url(../images/ico.gif) 0 0 no-repeat; background-size:100% 100%; }
/*.my_highsty .out3 .ico1{  background: url(../images/ico1.gif) 0 0 no-repeat; background-size:100% 100%;  }*/
/*.my_highsty .out3 .ico2{  background: url(../images/ico2.gif) 0 0 no-repeat; background-size:100% 100%; }*/
/*.my_highsty .out3 .ico{ background: url(../images/ico.gif) 0 0 no-repeat; background-size:100% 100%; }*/
.my_highsty .out3 input[type=radio]:checked + label {
 color: #f00
}


.my_highsty .cau_pos{width:100%; position: relative;  overflow:hidden; background: #f5f5f5; }
.my_highsty .cau_pos .wrap{width:94%; position: relative;  overflow:hidden;  background: #ffffff;margin: 2rem auto 0rem auto ; border-radius:0.5rem; }
.my_highsty .cau_pos .wrap .cont{width:100%; position: relative;  overflow:hidden; padding:1rem; }
.my_highsty .cau_pos .wrap .pic{width:100%; position: relative;  overflow:hidden; }
.my_highsty .cau_pos .wrap img{width:100%; display: block; border-radius: 0.5rem; }
.my_highsty .cau_pos .wrap .mask{ width: 100%; height: 4rem; background: #000000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.5;position: absolute; bottom:0; left: 0;}
.my_highsty .cau_pos .wrap .picname{ width: 100%; height: 4rem; display: block; line-height:4rem; font-size: 1.7rem; overflow: hidden; position: absolute; bottom:0; left: 0; padding:  0 1rem;}
.my_highsty .cau_pos .picname a{ color: #ffffff; text-decoration: none;}

.my_highsty .cau_pos .txt1 .price1{ width: 100%; height: 3rem; line-height:3rem; color: #999999; font-size: 2rem; overflow: hidden; float: left;white-space: nowrap;  text-overflow: ellipsis;}
.my_highsty .cau_pos span{  color: #f32029; }
.my_highsty .cau_pos .s1{ font-size: 2.2rem;}
.my_highsty .cau_pos .txt1 .sold{ width: 50%; height: 3rem; line-height:3rem;color: #999999; font-size: 2rem; overflow: hidden;float: left; text-align: right;}
.my_highsty .cau_pos .txt2 .price1{ width: 50%; height: 5rem; line-height:5rem; color: #999999; font-size: 2rem; overflow: hidden; float: left;}
.my_highsty .cau_pos .txt2 .num{ width: 50%; height: 3rem; line-height:3rem;color: #999999; font-size: 2rem; overflow: hidden;float: left; text-align: right;}

.my_highsty .cau_pos .txt2 .num{ width:9rem;  height: 5rem; float: right;}
.my_highsty .cau_pos .txt2 .n1,
.my_highsty .cau_pos .txt2 .n2,
.my_highsty .cau_pos .txt2 .n3{ width:3rem;  height: 3rem; float: left; line-height: 3rem; font-size:2.7rem; text-align: center; color: #ffffff; background: #f19601; margin-top: 1rem;}
.my_highsty .cau_pos .txt2 .n1{ border-radius: 1.5rem 0 0 1.5rem; cursor: pointer; }
.my_highsty .cau_pos .txt2 .n3{ border-radius: 0 1.5rem  1.5rem 0 ;cursor: pointer; }
.my_highsty .cau_pos .txt2 .n2{ color: #333333;background: #ffffff; border-top:1px solid #ededed; border-bottom:1px solid #ededed;font-size: 1.7rem; }
.my_highsty .cau_pos .txt2 .current{ color:#f32029;}


.my_highsty  .statusing{ width:100%; height:3rem; line-height: 3rem ; color: #999999; text-align: center; font-size: 1.7rem; }

.my_highsty .opra .btn3{ width:100%; border:0px; display: block; height: 5rem; line-height: 5rem ; font-size:2rem; color: #ffffff; background: #fda108;
  position: fixed;bottom: 0; }

.my_highsty .ps{ width: 100%; height: 5rem; line-height: 5rem; text-align: center; color: #999999; font-size: 1.5rem;}
